
<link href="https://cdn.bootcss.com/Swiper/3.4.0/css/swiper.css" rel="stylesheet">
<link rel="stylesheet" href="/assets/css/ico-topbar.css"/>
<link rel="stylesheet" href="/assets/css/index.css"/>
<link rel="stylesheet" href="/assets/css/common.css"/>
<link rel="stylesheet" href="/assets/css/ico-bottom.css"/>
<link rel="stylesheet" href="/assets/css/bottom.css"/>




<div class="banner">
    <@extends name="/project/ico-topbar.ftl"/>
    <#--<div class="initiate">发起项目</div>-->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img class="banner-img" src="/assets/img/bx-index/banner.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img class="banner-img" src="/assets/img/bx-index/banner.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img class="banner-img" src="/assets/img/bx-index/banner.jpg" alt="">
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
</div>
<div class="main">
    <div class="main-container">
        <div class="main-title clearfix">
            <div class="item-type">
                <img src="/assets/img/bx-index/item.png" alt="">
                <a  class="item-type-a " id="${collection.id}">热门项目</a>
            </div>
        </div>
        <div class="main-content">
            <div class="content-check clearfix">
            <#--<#list projectList as pro>-->
                <#--<a href="/detail/${pro.id}" class="to-raise clearfix">-->
                    <#--<div class="content-item">-->
                        <#--<#if pro.statusName == "即将开始">-->
                            <#--<div class="status">-->
                                <#--<img src="/assets/img/bx-index/ks.png" alt="">-->
                                <#--<span>即将开始</span>-->
                            <#--</div>-->
                        <#--</#if>-->
                        <#--<#if pro.statusName == "进行中">-->
                            <#--<div class="status">-->
                                <#--<img src="/assets/img/bx-index/ing.png" alt="">-->
                                <#--<span>进行中</span>-->
                            <#--</div>-->
                        <#--</#if>-->
                        <#--<#if pro.statusName == "已结束">-->
                            <#--<div class="status">-->
                                <#--<img src="/assets/img/bx-index/js.png" alt="">-->
                                <#--<span>已结束</span>-->
                            <#--</div>-->
                        <#--</#if>-->
                        <#--<img src="${pro.smallImg}" alt="" class="main-img">-->
                        <#--<div class="item-details">-->
                            <#--<p class="item-title">${pro.name}</p>-->

                            <#--<p class="item-detail" title="${pro.introduce}">${pro.introduce}</p>-->

                            <#--<#if pro.statusName == "即将开始">-->
                                <#--<p class="raised-rmb-start">${pro.fundedAmount}<em>${pro.tokenVO.coinName}</em></p>-->
                                <#--<div class="progress">-->
                                    <#--<p style="width:0" class="start"></p>-->
                                <#--</div>-->
                                <#--<span class="amount-progress-start">${pro.amountProgress}</span>-->
                            <#--</#if>-->
                            <#--<#if pro.statusName == "进行中">-->
                                <#--<p class="raised-rmb-ing">${pro.fundedAmount}<em>${pro.tokenVO.coinName}</em></p>-->
                                <#--<div class="progress">-->
                                    <#--<p style="width:${pro.amountProgress}" class="ing"></p>-->
                                <#--</div>-->
                                <#--<span class="amount-progress-ing">${pro.amountProgress}</span>-->
                            <#--</#if>-->
                            <#--<#if pro.statusName == "已结束">-->
                                <#--<p class="raised-rmb-dead">${pro.fundedAmount}<em>${pro.tokenVO.coinName}</em></p>-->
                                <#--<div class="progress">-->
                                    <#--<p style="width:${pro.amountProgress}" class="dead"></p>-->
                                <#--</div>-->
                                <#--<span class="amount-progress-dead">${pro.amountProgress}</span>-->
                            <#--</#if>-->
                            <#--<div class="amount">-->
                                <#--<div class="item-amount">-->
                                    <#--<p class="amount-data">${pro.targetAmount}<em>${pro.tokenVO.coinName}</em></p>-->
                                    <#--<p class="amount-tips">目标金额</p>-->
                                <#--</div>-->
                                <#--<i></i>-->
                                <#--<div class="item-amount">-->
                                    <#--<p class="amount-data">${pro.remainDay}天</p>-->
                                    <#--<p class="amount-tips">剩余时间</p>-->
                                <#--</div>-->
                                <#--<i></i>-->
                                <#--<div class="item-amount">-->
                                    <#--<p class="amount-data">${pro.participantNumber}人</p>-->
                                    <#--<p class="amount-tips">支持者</p>-->
                                <#--</div>-->
                            <#--</div>-->
                        <#--</div>-->
                    <#--</div>-->
                <#--</a>-->
            <#--</#list>-->
            </div>
            <#--<div class="more">-->
                <#--<a href="/project-center?viewType=page">查看更多项目</a>-->
            <#--</div>-->
        </div>
    </div>
</div>
<#if isLogin>
<div class="share" data-clipboard-text="https://tokenok.co/registration?viewType=page&userId=${userId}">
    <div class="to-share">
        <img src="/assets/img/bx-index/share.gif" alt="">
        <div class="share-btn">
            <img src="/assets/img/bx-index/link-gray.png" alt="" class="link-img">
            <p class="copy-text">复制</p>
        </div>
    </div>
</div>
</#if>

<@extends name="/project/bottom.ftl"/>
<#--<@extends name="/project/ico-bottom.ftl"/>-->

<script src="https://cdn.bootcss.com/Swiper/3.4.0/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/handlebars.js/4.0.11/handlebars.js"></script>
<script src="/assets/script/jquery-1.8.2.min.js"></script>
<script src="https://cdn.bootcss.com/seajs/3.0.2/sea.js"></script>
<script src="/assets/script/common.js"></script>
<script src="/assets/script/clipboard/distclip/clipboard.js"></script>
<script src="/assets/script/index.js"></script>
<script type="text/template" id="myTemplate" src="/assets/script/index.hbs"></script>